<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" charset="UTF-8" src="../../js/Vue.js-v2.6.10.js"></script>
	</head>
	<body>
		
		<div id="vue-app">
			<ion-p></ion-p>
			<self-list></self-list>
			<!-- 会报错误：[Vue warn]: 
			Unknown custom element: <self-list> - did you register the component correctly? 
			For recursive components, make sure to provide the "name" option. -->
		</div>
		
		<script type="text/javascript">
			
			/* 须使 Vue 忽略在 Vue 之外的自定义元素 
			(e.g. 使用了 Web Components APIs)。
			否则，它会假设你忘记注册全局组件或者拼错了组件名称，
			从而抛出一个关于 Unknown custom element 的警告。 */
			
			Vue.config.ignoredElements = [
				'my-custom-web-component',
				'another-web-component',
				/* 用一个'RegExp' 忽略所有'ion-'开头的元素 仅2.5+ 支持 */
				/^ion-/
			]
			var vm = new Vue({
				el: "#vue-app",
				data: {
					
				},
			})
		</script>
	</body>
</html>